<include file="Shop:header_shoping" />
<style type="text/css">
    .secondary-menu .active { color: #00A7F2; } .page-sidebar { background:
    #CCC7C7; margin-top: 1em; padding: 10px 0; border: 1px solid #999; border-radius:
    4px; }
</style>
<div class="col-xs-2 page-sidebar">
    <div class="sidebar-menu sticky-bottom sticking" data-sticky="true">
        <div class="food-menu">
            <ul class="primary-menu">
                <li class="primary-menu-item selected">
                    <div class="primary-top">
                        <a class="primary-menu-item-target" href="">
                            <span>
                                数码产品
                            </span>
                            <i class="fa fa-angle-right">
                            </i>
                        </a>
                    </div>
                    <ul class="secondary-menu">
                        <li class="secondary-menu-item selected">
                            <a class="secondary-menu-item-target active" href="record.htm">
                                <i class="fa fa-circle">
                                </i>
                                <span>
                                    笔记本电脑
                                </span>
                            </a>
                        </li>
                        <li class="secondary-menu-item ">
                            <a class="secondary-menu-item-target " href="sader.html">
                                <i class="fa fa-circle">
                                </i>
                                <span>
                                    数码相机
                                </span>
                            </a>
                        </li>
                        <li class="secondary-menu-item ">
                            <a class="secondary-menu-item-target" href="account.html">
                                <i class="fa fa-circle">
                                </i>
                                <span>
                                    智能手环
                                </span>
                            </a>
                        </li>
                        <li class="secondary-menu-item ">
                            <a class="secondary-menu-item-target" href="account.html">
                                <i class="fa fa-circle">
                                </i>
                                <span>
                                    智能手机
                                </span>
                            </a>
                        </li>
                        <li class="secondary-menu-item ">
                            <a class="secondary-menu-item-target " href="order.html">
                                <i class="fa fa-circle">
                                </i>
                                <span>
                                    耳机
                                </span>
                            </a>
                        </li>
                        <li class="secondary-menu-item ">
                            <a class="secondary-menu-item-target " href="order.html">
                                <i class="fa fa-circle">
                                </i>
                                <span>
                                    智能鼠标
                                </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="primary-menu-item selected">
                    <div class="primary-dowen">
                        <a class="primary-menu-item-target" href="">
                            <span>
                                服饰
                            </span>
                            <i class="fa fa-angle-right">
                            </i>
                        </a>
                    </div>
                </li>
        </div>
        <!-- <a href="#menu-availability" class="h5 text-link" data-toggle="html-popover"
        data-container="body" data-html="true" data-content-selector="#menu-availability"
        data-placement="right" data-original-title="" title=""><i class="mcd icon mcd-detail"></i> <span class="text-default">菜单供应时间</span></a>
        <div id="menu-availability" class="popover-wrapper popover-details">
        <div class="popover-wrapper">
        <table class="table-default table-menu-availability"><thead><tr><th class="menu-type">早餐菜单</th><th class="menu-type">正餐菜单</th></tr></thead><tbody><tr><td><div>5:00 AM - 10:30 AM </div><div class="last-order">(订单接受时间不迟于 10:15 AM)</div></td><td><div>10:30 AM - 5:00 AM </div><div class="last-order">(订单接受时间不迟于 4:45 AM)</div></td></tr></tbody></table>                                        
        </div>
        </div>
        -->
    </div>
</div>
<div class="col-xs-10 pull-right">
    <div class="clearfix">
        <div class="col-xs-4 page-bread pull-left">
            <ol class="bread type-sans">
                <li class="active">
                    数码产品
                </li>
                <li class="active">
                    >
                </li>
                <li class="active">
                    笔记本电脑
                </li>
            </ol>
        </div>
        <div class="col-xs-8 page-breadcrumbs pull-right">
            <ol class="breadcrumb type-sans">
                <li class="active">
                    快速购买3步走
                </li>
                <li class="active">
                    <a href="ware.html">
                        1.挑选产品
                    </a>
                </li>
                <li class="active">
                    <a href="dact.html" class="on">
                        2.填写配送地址
                    </a>
                </li>
                <li class="active">
                    <a href="place.html">
                        3.提交订单并支付
                    </a>
                </li>
            </ol>
        </div>
    </div>
    <div class="page-content">
        <div class="col-xs-8 product-cards">
            <div class="rower">
                <div class=" col-xs-6 product-card product-card--standard">
                    <div class="panel panel-default panel-product">
                        <div class="panel-body">
                            <img src="/www/svn/shop/Public/img/shoping/pro.png?" class="img-block">
                            <div class="product-badges">
                                <h5 class="product-title">
                                    华硕笔记本电脑
                                </h5>
                                <p>
                                    Apple MacBook Air 13.3英寸笔记本电脑银色（Core i5 处理完/8GB内存/128GB）
                                </p>
                            </div>
                        </div>
                        <div class="panel-footer">
                            <div class="row row-narrow">
                                <div class="col-xs-6">
                                    <div class="product-details">
                                        <div class="product-cost">
                                            <span class="starting-price">
                                                ¥2880.00
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 product-conts">
                                    <a data-productid="789" href="dact.html" data-toggle="modal" data-target="dact.html"
                                    class="btn btn-block action-create btn-red">
                                        立即购买
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class=" col-xs-6 product-card product-card--standard">
                    <div class="panel panel-default panel-product">
                        <div class="panel-body">
                            <img src="/www/svn/shop/Public/img/shoping/pro.png?" class="img-block">
                            <div class="product-badges">
                                <h5 class="product-title">
                                    华硕笔记本电脑
                                </h5>
                                <p>
                                    Apple MacBook Air 13.3英寸笔记本电脑银色（Core i5 处理完/8GB内存/128GB）
                                </p>
                            </div>
                        </div>
                        <div class="panel-footer">
                            <div class="row row-narrow">
                                <div class="col-xs-6">
                                    <div class="product-details">
                                        <div class="product-cost">
                                            <span class="starting-price">
                                                ¥2880.00
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 product-conts">
                                    <a data-productid="789" href="dact.html" data-toggle="modal" data-target="dact.html"
                                    class="btn btn-block action-create btn-red">
                                        立即购买
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class=" col-xs-6 product-card product-card--standard">
                    <div class="panel panel-default panel-product">
                        <div class="panel-body">
                            <img src="/www/svn/shop/Public/img/shoping/pro.png?" class="img-block">
                            <div class="product-badges">
                                <h5 class="product-title">
                                    华硕笔记本电脑
                                </h5>
                                <p>
                                    Apple MacBook Air 13.3英寸笔记本电脑银色（Core i5 处理完/8GB内存/128GB）
                                </p>
                            </div>
                        </div>
                        <div class="panel-footer">
                            <div class="row row-narrow">
                                <div class="col-xs-6">
                                    <div class="product-details">
                                        <div class="product-cost">
                                            <span class="starting-price">
                                                ¥2880.00
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 product-conts">
                                    <a data-productid="789" href="dact.html" data-toggle="modal" data-target="dact.html"
                                    class="btn btn-block action-create btn-red" onclick="onProductClick({ 'name':&quot;华硕笔记本电脑&quot;,'id':'1100','price':'¥20.00','brand':'McDonalds','cat':&quot;数码产品&quot;,'variant':'','url':'dact.html'})">
                                        立即购买
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class=" col-xs-6 product-card product-card--standard">
                    <div class="panel panel-default panel-product">
                        <div class="panel-body">
                            <img src="/www/svn/shop/Public/img/shoping/pro.png?" class="img-block">
                            <div class="product-badges">
                                <h5 class="product-title">
                                    华硕笔记本电脑
                                </h5>
                                <p>
                                    Apple MacBook Air 13.3英寸笔记本电脑银色（Core i5 处理完/8GB内存/128GB）
                                </p>
                            </div>
                        </div>
                        <div class="panel-footer">
                            <div class="row row-narrow">
                                <div class="col-xs-6">
                                    <div class="product-details">
                                        <div class="product-cost">
                                            <span class="starting-price">
                                                ¥2880.00
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-6 product-conts">
                                    <a data-productid="789" href="dact.html" data-toggle="modal" data-target="#signin"
                                    class="btn btn-block action-create btn-red" onclick="onProductClick({ 'name':&quot;华硕笔记本电脑&quot;,'id':'1100','price':'¥20.00','brand':'McDonalds','cat':&quot;数码产品&quot;,'variant':'','url':'#signin'})">
                                        立即购买
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4  panel panel-default panel-product">
            <div class="panel-body">
                <div class="product-badges">
                    <h4>
                        我的订单
                    </h4>
                </div>
            </div>
            <div class=" panel-dress">
                <div class="product-bades">
                    <a href="" data-toggle="modal" data-target="#myModal">
                        <img src="/www/svn/shop/Public/img/shoping/tj.png?">
                        <!-- 模态框（Modal） -->
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                        aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            请选择配送地址
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="">
                                            <select class="form-control">
                                                <option>
                                                    2017
                                                </option>
                                                <option>
                                                    2016
                                                </option>
                                            </select>
                                        </div>
                                        <div class="modal-body-page">
                                            <img src="/www/svn/shop/Public/img/shoping/sanjiao.png?">
                                            <span>
                                                添加送货地址
                                            </span>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary">
                                            确认
                                        </button>
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal -->
                        </div>
                        添加配送地址
                    </a>
                </div>
            </div>
            <div class=" panel-total">
                <div class="row row-narrow">
                    <div class="row-mone">
                        <div class="col-xs-6 product-c">
                            <p>
                                小计:
                            </p>
                        </div>
                        <div class="col-xs-6 product-details">
                            <div class="product-cot">
                                <span class="starting-price">
                                    ¥2880.00
                                </span>
                            </div>
                        </div>
                        <div class="col-xs-6 product-c">
                            <p>
                                外送费:
                            </p>
                        </div>
                        <div class="col-xs-6 product-details">
                            <div class="product-cot">
                                <span class="starting-price">
                                    ¥6.00
                                </span>
                            </div>
                        </div>
                        <div class="col-xs-6 product-control">
                            <p>
                                总计:
                            </p>
                        </div>
                        <div class="col-xs-6 product-details">
                            <div class="product-cost">
                                <span class="starting-price">
                                    ¥2886.00
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="product_more">
                        <a data-productid="789" href="#signin" data-toggle="modal" data-target="#signin"
                        class="btn btn-block action-create btn-red" onclick="onProductClick({ 'name':&quot;华硕笔记本电脑&quot;,'id':'1100','price':'¥20.00','brand':'McDonalds','cat':&quot;数码产品&quot;,'variant':'','url':'#signin'})">
                            立即结账
                        </a>
                    </div>
                </div>
            </div>
            <div class="panel-payment">
                <div class="row row-narrow">
                    <h4>
                        订单明细
                    </h4>
                    <div class="col-xs-4 coat">
                        <img src="/www/svn/shop/Public/img/shoping/jdju.png?">
                    </div>
                    <div class="col-xs-8 product-det">
                        <div class="product-cost">
                            <h5>
                                华硕笔记本电脑
                            </h5>
                            <p>
                                Apple MacBook Air 13.3英寸笔记本电脑银色（Core i5 处理完/8GB内存/128GB）
                            </p>
                            <div class="pagelist">
                                <span class="current">
                                    数量
                                </span>
                                <a class="num" href="">
                                    -
                                </a>
                                <a class="next" href="">
                                    1
                                </a>
                                <a class="num" href="">
                                    +
                                </a>
                            </div>
                            <span class="start">
                                ¥2886.00
                            </span>
                        </div>
                    </div>
                    <!-- <div class="quantity-form">
                    <a href="javascript:void(0);" clstag="clickcart|keycount|xincart|cart_num_down" class="decrement disabled" id="decrement_30871_1123745314_1_1">-</a>
                    <input autocomplete="off" type="text" class="itxt" value="1" id="changeQuantity_30871_1123745314_1_1_0" minnum="1">
                    <a href="javascript:void(0);" clstag="clickcart|keycount|xincart|cart_num_up" class="increment" id="increment_30871_1123745314_1_1_0">+</a>
                    </div> -->
                </div>
            </div>
            <div class=" panel-payt">
                <div class="row row-narrow">
                    <div class="col-xs-4 coat">
                        <div class="product-control">
                            <img src="/www/svn/shop/Public/img/shoping/jdju.png?">
                        </div>
                    </div>
                    <div class="col-xs-8 product-det">
                        <div class="product-cost">
                            <h5>
                                华硕笔记本电脑
                            </h5>
                            <p>
                                Apple MacBook Air 13.3英寸笔记本电脑银色（Core i5 处理完/8GB内存/128GB）
                            </p>
                            <div class="pagelist">
                                <span class="current">
                                    数量
                                </span>
                                <a class="num" href="">
                                    -
                                </a>
                                <a class="next" href="">
                                    1
                                </a>
                                <a class="num" href="">
                                    +
                                </a>
                            </div>
                            <span class="start">
                                ¥2886.00
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<include file='Shop:footer_shoping' />